extends layout

block content
    #mainContentPain
        #banner
            img(src='./images/battleship.jpg')
        #display
            hr
            h1= title
            hr
            include message
            p Welcome to #{title}!
            p A location based Augmented Reality version of the classic Battleships pen-and-paper game.
            p.
                Battleships AR is a game of stratergy, cunning and intellect. Two players are pitched against one
                another in a tireless battle of wits. Only the complete and utter decimation of your opponents forces
                can result in you claiming the title of victor.
            hr
            #loginFormContainer
                - if(user != null){
                    p
                        | Welcome, #{user}. Click&nbsp
                        a(href='/users') here
                        |  to go to your user page.
                - } else {
                | Please Login or Register to continue
                br
                form(method='post')
                    #registrationFields
                        table
                            tr
                                td
                                    | Username:
                                td
                                    input(type='text', name='username', autofocus='true', required='true')
                            tr
                                td
                                    | Password:
                                td
                                    input(type='password', name='password', required='true')
                            tr
                                td
                            tr

                                td

                                td
                                    input(type='submit', value='Log In')
                                    input(type='button', value='Register', onclick="location=href='/register'")

                                    a(href='/auth/facebook')
                                        img(src='./images/login-with-facebook.png', width='154', height='22')
                            br
                hr
        -}

        include footer
